<script lang="ts">
	import Modal from '../common/Modal.svelte';
	import Tip from '$lib/components/icons/Tip.svelte';
	import { createEventDispatcher } from 'svelte';

	const dispatch = createEventDispatcher();

	export let show = false;
</script>

<Modal size="sm" bind:show>
	<div class="text-[#f7f7f7] bg-[#374151] rounded-lg p-5 flex flex-col items-center justify-around">
		<Tip />

		<p class="my-6">确认删除该用户？</p>

		<div class="flex justify-end text-sm font-medium">
			<button
				class="mr-6 px-6 py-2 bg-[#858EAD] text-white transition rounded-md"
				on:click={() => show = false}
			>
				取消
			</button>
			<button
				class=" px-6 py-2 bg-[#E95513] text-white transition rounded-md"
				on:click={() => dispatch('handleDelete')}
			>
				确认
			</button>
		</div>
	</div>
</Modal>
